*{
    margin: 0;padding: 0;
    text-decoration: none;
    list-style: none;
}

 //公共头部结束*************************************************************
#header{
    width: 100%;height: 35px;
    background: #009B72;
    .center{
        width: 1200px;height: 35px;
//      background: red;
        margin: 0 auto;
        //左部分开始
        .left{
            width: 432px;height: 35px;
//          background: blue;
            float: left;
            li{
                float: left;
                line-height: 35px;
                border-left:1px solid #47B488;
                &:hover{
                    background: #47b488;
                }
                a{
                    font-size: 14px;
                    color: white;
                    font-weight: 600;                   
                    
                }
            }
            .gi1{
                width: 67px;height: 35px;
                text-align: center;
            }
            .gi2{
                width: 90px;height: 35px;
                text-align: center;
            }
            .gi3{
                width: 93px;height: 35px;
                text-align: center;
            }
            .gi4{
                width: 93px;height: 35px;
                text-align: center;
            }
            .gi5{
                width: 80px;height: 35px;
                text-align: center;
            }
        }
        //左部分结束
        
        //右部分开始
        .right{
            width: 137px;height: 35px;
//          background: khaki;
            float: right;
            li{
                float: left;
                line-height: 35px;
                border-left:1px solid #47B488;
                &:hover{
                    background: #47b488;
                }
                a{
                    font-size: 14px;
                    color: white;
                    font-weight: 600;                   
                    
                }
                
            }
            .gi1{
                width: 67px; height: 35px;
                text-align: center;
            }
            .gi2{
                width: 67px;height: 35px;
                text-align: center;
            }
           
        }
        //右部分结束
    }
}

//导航区域开始
#dh{
    width: 100%;height: 81px;
//  background: red;
    border-bottom: 1px solid #ccc;
    #wrapper{
            width: 1200px;height: 81px;
//          background: chartreuse;
            margin: 0 auto;   
        #logo{
                width: 400px;height: 31px;
                float: left;
        //      background: red;      
                margin-top: 22px;
        }
         .shop{
            width: 150px;height: 61px;
            border: 1px solid #E8E8E8;
            float: right;
            border-radius:4% ;
            margin-top:10px ;
            .text{
                float: left;
                font-size: .875rem;
                font-weight: 700;
                line-height: 59px;
                margin-left: 20px;
                a{
                    color: #8A8A8A;
                    
                }
            }
            .icon{
                float: right;
                width: 32px;height: 34px;
                background: url(../images/shop.png);
                margin-right: 31px;
                margin-top: 12px;
            }
            .num{
                float: right;
                width: 25px;height: 25px;
//              border: 1px solid black;
                border-radius: 50%;
                margin-right: 20px;
                margin-top: -42px;
                background: #2AAD6F;
                .shop-count{
                    float: right;
                    width: 22px;height: 22px;
                    margin-right: 2px;
                    line-height: 22px;
                    text-align: center;
                    font-size: 16px;
                    color: white;
                    font-weight:700;
                }
            }
            
        }
        .nav{
            width: 426px;height: 78px;
//          background: navajowhite;    
            float: right;
            li{
                float: left;
                line-height: 78px;
                a{
                    color: #8A8A8A;
                     font-size: .875rem;
                    
                    font-weight: 700;
                }
            }
            .gi1{
                width: 74px;height: 48px;
                text-align: center;
            }
            .gi2{
                width: 74px;height: 48px;
                text-align: center;
            }
            .gi3{
                width: 70px;height: 48px;
                text-align: center;
            }
            .gi4{
                width: 104px;height: 48px;
                text-align: center;
            }
            .gi5{
                width: 104px;height: 48px;
                text-align: center;
            }
        }
       
    }
}


//公共头部结束


//内容开始
.main-content{
    width: 100%;height: 1935px;
    background: #EDEDED;
    border-bottom: 1px solid;
    .wrapper{
        width: 1200px;height: 1941px;
//      border: 1px solid;
        margin: 0 auto;
        .breadcrumb{
            width: 1200px;height: 52px;

            line-height: 52px;
            li{
                float: left;
                font-size: .875rem;
                color: #7b7b7b;
                
                a{
                    color: #7b7b7b;
                }
                span{
                    padding: 0 10px;

                }
            }
        }
        .brick-bottom{
            width: 1200px;height: 1873px;
//          border: 1px solid;
            margin-top:16px ;
            
            .steps{
                width: 1200px;height: 83px;

                position: relative;
               .one{
                   width: 400px;height: 82px;
                   float: left;
                   background: white;
                   z-index: 1;  
                   .step-content{
                       width: 391px;height: 26px;
                       margin-top: 25px;

                       .step-heading{
                           text-align: center;
                           font-size: 1.25rem;
                           font-family: "微软雅黑";
                           line-height: 26px;
                           
                       }
                       .step-gradient{
                               width: 400px;
                               height: 4px; 
                               background: #EB6547;
                               margin-top: 27px;

                       }
                      
                   }
               }
//             .after{
//                 width: 20px;height: 82px;
////                 border: 1px solid;
//                 background: blue;
//                 float: left;
//                 background: url(../images/steps-sprite.png)  -11px -10px no-repeat;
//                 z-index:2;
//                 position: absolute;
//                 left: 391px;
//             }
               
               .two{
                   width: 400px;height: 82px;
                   float: left;
                   background: white;
                   z-index: 1;  
                   .step-content{
                       width: 391px;height: 26px;
                       margin-top: 25px;

                       .step-heading{
                           text-align: center;
                           font-size: 1.25rem;
                           font-family: "微软雅黑";
                           line-height: 26px;
                           
                       }
                       .step-gradient{
                               width: 400px;
                               height: 4px; 
                               background: #EB6547;
                               margin-top: 27px;
                               
                       }
                      
                   }
               }
//             .after{
//                 width: 20px;height: 82px;
////                 border: 1px solid;
//                 background: blue;
//                 float: left;
//                 background: url(../images/steps-sprite.png)  -11px -10px no-repeat;
//                 z-index:2;
//                 position: absolute;
//                 left: 391px;
//                 
//             }


                .there{
                   width: 400px;height: 82px;
                   float: left;
                   background: #F7F7F7;
                   z-index: 1;  
                   .step-content{
                       width: 391px;height: 26px;
                       margin-top: 25px;

                       .step-heading{
                           text-align: center;
                           font-size: 1.25rem;
                           font-family: "微软雅黑";
                           line-height: 26px;
                           color: #CCCCCC;
                           
                       }
                       .step-gradient{
                               width: 400px;
                               height: 4px; 
                               background: white;
                               margin-top: 27px;

                       }
                      
                   }
               }
//             .after{
//                 width: 20px;height: 82px;
////                 border: 1px solid;
//                 background: blue;
//                 float: left;
//                 background: url(../images/steps-sprite.png)  -11px -10px no-repeat;
//                 z-index:2;
//                 position: absolute;
//                 left: 391px;
//                 
//             }
               
               
               
           
                
            }
            .g{
                width: 1200px;height: 1724px;
//              border: 1px solid;
                margin-top: 16px;
                background: #FBFBFB;
                .delivery-header{
                    padding: 20px 30px;
                  border-bottom: 1px solid #cccccc;
                        .h-epsilon{
                                font-size: 1rem;
                                font-family: "微软雅黑";
                        }
                }
                .brick-shadow{
                    width: 1200px;padding-bottom: 20px;
                    border-bottom: 1px solid #E2E2E2;

                    .field{
                        width: 1140px;height: 60px;
//                      border: 1px solid;
                        margin-top: 46px;
                        margin-left: 29px;
                        .button-light{
                            width: 160px;height: 60px;
                            line-height: 60px;
                            text-align: center;
//                          display: inline-block;
                            padding: 20px 38px;
                            background: #d4eee1;
                            color: #1f8657;
                            border: 2px solid transparent;
                            font-family: "微软雅黑";
                            font-size: 18px;
                        }
                    }
                    .address-create{
                        width: 1140px;height: 700px;
//                      border: 1px solid;
                        margin-top: 26px;
                        margin-left: 29px;
                        
                        .con{
                            width: 25%;height: 107px;
//                          border: 1px solid;
                            label{
                                font-weight: 500;
                                margin-bottom: 20px;
                                display: block;
                            }
                            input[type=text]{
                                border: 1px solid #ccc;
                                padding: 23px;
                                border-radius: 4px;
                                background: #FFF;
                                font-size: 18px;
                                &:hover{
                                    border: 1px solid #2AAD6F;
                                }
                            }
                        }
                        .tel{
                            margin-top: 20px;
                            width: 25%;height: 107px;
//                          border: 1px solid;
                            label{
                                font-weight: 500;
                                margin-bottom: 20px;
                                display: block;
                            }
                            input[type=text]{
                                border: 1px solid #ccc;
                                padding: 23px;
                                border-radius: 4px;
                                background: #FFF;
                                font-size: 18px;
                                &:hover{
                                    border: 1px solid #2AAD6F;
                                }
                            }
                        }
                        .address{
                            margin-top: 20px;
                            width: 1140px;height: 202px;
//                          border: 1px solid;
                            label{
                                font-weight: 500;
                                margin-bottom: 20px;
                                display: block;
                            }
                            #s_province{
                                display: inline-block;
                                width: 222px;height: 66px;
                                border-radius: 4px;

                            }
                            #s_city{
                                display: inline-block;
                                width: 222px;height: 66px;
                                border-radius: 4px;
                            }
                            #s_county{
                                display: inline-block;
                                width: 222px;height: 66px;
                                border-radius: 4px;
                            }
                            input[type=text]{
                                margin-top: 10px;
                                border: 1px solid #ccc;
                                padding: 23px;
                                border-radius: 4px;
                                background: #FFF;
                                font-size: 18px;
                                width: 742px;
                            }
                        }
                        .emal{
                            margin-top: 20px;
                            width: 25%;height: 107px;
//                          border: 1px solid;
                            label{
                                font-weight: 500;
                                margin-bottom: 20px;
                                display: block;
                            }
                            input[type=text]{
                                border: 1px solid #ccc;
                                padding: 23px;
                                border-radius: 4px;
                                background: #FFF;
                                font-size: 18px;
                                &:hover{
                                    border: 1px solid #2AAD6F;
                                }
                            }
                        }
                        .form-actions{
                            margin-top: 20px;
                            width: 1140px;height: 60px;
//                          border: 1px solid;
                            .pull-left{
                                width: 286px;height: 60px;
//                              border: 1px solid;
                                float: left;
                                .save{
                                    display: inline-block;
                                    width: 112px;height: 60px;
                                    line-height: 60px;
                                    text-align: center;
                                    background: #d4eee1;
                                    color: #1f8657;
                                    border: 2px solid transparent;
                                    font-size: 20px;
                                    
                                }
                                .cancel{
                                    margin-left: 20px;
                                    display: inline-block;
                                    width: 112px;height: 60px;
                                    line-height: 60px;
                                    text-align: center;
                                    background: #d4eee1;
                                    color: #1f8657;
                                    border: 2px solid transparent;
                                    font-size: 20px;

                                }
                            }
                        }
                    }
                }
                    .payment_method_filed{
                        width: 1200px;height: 158px;
                        border-bottom: 1px solid #E2E2E2;
                        .payment_method{
                            width: 1140px;height: 169px;

                            margin-top: 26px;
                            margin-left: 29px;
                            .h-epsilon{
                                display: block;
                                font-size: 18px;
                                margin-bottom: 20px;                                
                                font-weight: 700;
                                font-family: "微软雅黑";
                            }
                            .g-wrapper{
                                width: 1140px;height: 60px;

                                .payment{
                                    width: 548px;height: 55px;
                                    border: 2px solid #2AAD6F;
                                    border-radius: 5px;
                                    position: relative;
                                    .radio{
                                        cursor: pointer;
                                        width: 30px;height: 30px;
//                                      border: 1px solid;
                                        position: absolute;
                                        left: 10px;
                                        top: 11px;
                                        background: url(../images/sprite-icons.png) -580px -198px;
                                    }
                                    .main{

                                        width: 79px;height: 51px;

                                        line-height: 51px;
                                        margin-left: 47px;
                                        
                                    }
                                }
                            }
                        }
                        
                    }
                    .brick{
                        width: 1200px;height: 245px;

                        .brica{
                            width: 1140px;height: 171px;
                            margin-left: 29px;
                            margin-top: 37px;
                            .goods-list{
                                margin-top: 20px;
                                width: 1140px;height: 169px;
                                .goods-list-show{
                                    float: left;
                                    width: 111px;height: 129px; 
                                }
                                .goods-list-detail{
                                    width: 1000px;height: 40px;
                                    float: left;
                                    .goods-list-info{
                                        width: 982px;height: 40px;
                                        font-size: .9375rem;
                                        .goods-list-description{
                                            width: 65%;
                                            float: left;

                                            .money{
                                                color: #000000;
                                            }
                                            .xinghao{
                                                font-size: 12px;
                                                color: #393939;
                                            }
                                        }
                                        .goods-list-quantity{
                                            float: left;
                                            width: 13%;
                                            text-align: center;

                                        }
                                        .goods-list-price{
                                            float: left;
                                            width: 21%;
                                            text-align: center;

                                        }
                                    }
                                }
                            }
                        }
                    }
                    .fee-list{
                        width: 1200px;height: 120px;
                        border-bottom: 1px solid #E2E2E2;
                        .free{
                            width: 1140px;height: 59px;

                            margin-left: 29px;
                            margin-top: 53px;
                            li{
                                width: 100%;
                                margin: 1px 0;
                                display: inline-block;
                                text-align: right;
                            }
                            .fee-title{
                                display: block;
                                float: left;
                                width: 1047px;
                                
                            }
                            .fee-num{
                                display: block;
                                float: left;
                                width: 87px;
                                
                            }
                            .fee-price{
                                display: block;
                                float: left;
                                width: 87px;
                                color: red;
                            }
                        }
                    }
                    .form-actions{
                        width: 1200px;height: 141px;

                        .right-text{
                            width: 1140px;height: 100px;

                            margin-left: 29px;
                            margin-top: 20px;
                            .sumbit{
                                display: inline-block;
                                float: right;
                                border: none;
                                background: #2AAD6F;
                                color: white;
                                width: 144px;height: 60px;
                                margin-top: 20px;

                                font-size: 1rem;
                                font-weight: 700;   
                            }
                        }
                    }
                    

            }
            
        }
    }
}

//内容结束














//公共底部
#foot-pic{
    width: 1200px;height: 112px;

    margin: 0 auto;
    margin-top: 54px;       
    #gi{
        width: 391px;height: 112px;
        background: #2AAD6F;
        display: inline-block;
        #img{
            width: 121px;height: 62px;

            float: left;
            margin-top: 21px;
            margin-left: 42px;
            background: url(../images/taolun.png)no-repeat;
        }
        #text{
            color: white;
            font-family: "微软雅黑";
            font-weight: 700;

            font-size: 1.25rem;
            float: right;
            margin-right: 51px;
            margin-top: 44px;
        }
    }
    
       #gi1{
        width: 391px;height: 112px;
        background: #EDEDED;
        display: inline-block;
        #img{
            width: 121px;height: 68px;

            float: left;
            margin-top: 21px;
            margin-left: 42px;
            background: url(../images/taolun1.png)no-repeat;
        }
        #text{
            color: black;
            font-family: "微软雅黑";
            font-weight: 700;

            font-size: 1.25rem;
            float: right;
            margin-right: 51px;
            margin-top: 44px;
        }
    }
    
    
      #gi2{
        width: 391px;height: 112px;
        background: #2AAD6F;
        display: inline-block;
        #img{
            width: 121px;height: 68px;

            float: left;
            margin-top: 21px;
            margin-left: 42px;
            background: url(../images/taolun2.png)no-repeat;
        }
        #text{
            color: white;
            font-family: "微软雅黑";
            font-weight: 700;

            font-size: 1.25rem;
            float: right;
            margin-right: 51px;
            margin-top: 44px;
        }
    }
}


#sitemap{
    width: 100%;height: 225px;
    margin-top: 53px;
    .wrapper{
        width: 1200px;height: 225px;
        margin: 0 auto;
        #gi{
            width: 391px;height: 227px;
            float: left;
            .gi1{
                width: 234px;height: 162px;
//              background: goldenrod;
                margin: 0 auto;
                .h_write{
                    
                    color: #1F8657;
                    font-size: 18px;
                    font-weight: bold;
                    font-family: "微软雅黑";
                }
            }
            .gi2{
                margin-top: 20px;
                li{
                    height: 28px;

                font-size: .875rem;
                    
                    a{
                    color: #7B7B7B;
                        
                    }
                }
            }
        }
        
    }
}

#footer-tools{
    width: 100%;height: 119px;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    .wrapper{
        width: 1200px;height: 119px;
        margin: 0 auto;
            .h-wrapper{
                width: 587px;height: 86px;
                .text{
                    line-height: 86px;
                    float: left;
                }
                .icon{
                    width: 43px;height: 42px;
//                  border: 1px solid violet;
                    float: left;
                    margin-top: 20px;
                    margin-left: 10px;
                }
                 .icon1{
                    width: 43px;height: 42px;
                    float: left;
                    margin-top: 20px;
                    margin-left: 10px;
                    position: relative;
                    &:hover .img100{
                        display: block;
                    }
                    .img100{
                        position: absolute;
                        z-index: 2;
                        top:-125px;
                        left:-41px;
                        display: none;
                    }
                }
                .text1{
                    line-height: 86px;
                    float: left;
                    margin-left: 30px;
                }
            }
            .h-subscribe{
                width: 560px;height: 120px;

                float: right;
                margin-top: -89px;
                .icon{
                    width: 67px;height: 67px;
                    border-radius: 50%;
                    background: #2AAD6F;
                    float: left;
                    margin-top: 25px;
                    margin-left: 10px;
                }
                .about{
                    width: 161px;height: 78px;
                    float: left;
                    margin-top: 20px;
                    margin-left: 11px;
                    .h-delta{
                        color: #1F8657;
                        font-size: 1.25rem;
                        font-weight: 800;
                    }
                    .write{
                        padding-top: 10px;
                        font-size: 14px;
                        font-family: "微软雅黑";
                        
                        
                    }
                }
            }
    }
}

#bottom{
    width: 100%;height: 65px;


    
    .center{

        width: 1200px;height: 65px;

        margin: 0 auto;
        .bottom-info{
            text-align: center;
            line-height: 65px;
            color: #868686;
            font-size: 12px;
        }
    }
}
